<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_盒子的边框_border</title>
  <style>
      h1{
          background-color: red;
          width: 300px;
          height: 300px;
          /*border-style: solid;*/
          /*border-width: 3px;*/
          /*border-color: coral;*/
          border: 3px double coral;
      }


  </style>
</head>
<body>
<!--
        盒子的边框：
            border-style:边框的样式，复合了四个方向上的样式
            border-width:边框的宽度，复合了四个方向上的宽度
            border-color:边框的颜色，复合了四个方向上的颜色
            border:边框的样式、宽度、颜色，复合了四个方向上的样式、宽度、颜色
            border-left:设置左边框的样式、宽度、颜色
            border-right:设置右边框的样式、宽度、颜色
            border-top:设置上边框的样式、宽度、颜色
            border-bottom:设置下边框的样式、宽度、颜色
            一共20种组合方式
-->
    <h1>11123333</h1>
</body>
</html>